import React from 'react'
import bg from "../../bg.jpg";
import {Avatar, BackTop} from "antd";
import logo from "../../images/logo.jpg";
import Menues from "../Menues/Menues";
import {inject, observer} from "mobx-react";
import './Header.css'


@inject('blogStore')
@observer
export default class WebHeader extends React.Component {

    render() {
        return (
            <div className="Header" style={{backgroundImage: bg}}>
                    <span className="Title">
                        <Avatar size={40} src={logo}/>
                        &nbsp;&nbsp;燕归来兮</span>
                <Menues size={this.props.size}/>
                <BackTop/>
            </div>
        );
    }
}